	* {
	  margin: 0;
	  padding: 0;
	}

	html,
	body {
	  width: 100%;
	  height: 100%;
	  font-family: '楷体';
	}

	div {
	  height: 135px;
	  width: 1000px;
	  margin: 100px auto;
	}

	div ul li {
	  list-style: none;
	  float: left;
	  transition: all 1s;
	}

	div ul li a {
	  text-decoration: none;
	  display: block;
	  height: 135px;
	  padding: 0 30px;
	  line-height: 135px;
	  font-size: 22px;
	  color: black;
	  font-weight: bold;
	  transition: all 1s;
	}

	div ul li a:hover {
	  color: #409EFF;
	}

	.active {
	  color: #409EFF;
	  background: url(img/nav-right.png) no-repeat right center, url(./img/nav-left.png) no-repeat;
	}

	div ul li:hover {
	  background: url(./img/nav-left.png) no-repeat;
	}

	div ul li:hover a {
	  background: url(img/nav-right.png) no-repeat right center;
	}